.CalendarWidget {
  width: 100%;
}

.CalendarWidget .navbar {
  width: 100%;
  vertical-align: middle;
  border-bottom: 1px solid #ACA899;
}

.CalendarWidget .navbar .gwt-Button {
  padding-left: 5px;
  padding-right: 5px;
}

.CalendarWidget .table {
  border-collapse: collapse;
  font: 10pt sans-serif;
  width: 100%;
}

.CalendarWidget .table td {
  border: 1px solid #aaaaee;
  width: 14.2%;
  vertical-align: top;
}

.CalendarWidget .weekheader {
  font-size: 14px;
  font-weight: normal;
  padding: 12px 15px;
  color: #039;
}

.CalendarWidget .weekheader .days {
  width: 3em;
}

.CalendarWidget .cell {
  cursor:pointer;
  padding: 8px 8px;
  width: 100%;
  height: 100%;
}

.CalendarWidget .cell .gwt-HTML {
  width: 100%;
  height: 100%;
}

.CalendarWidget .today .gwt-HTML {
  /* background-color: #e7edf6; */
}

.CalendarWidget * .daypanel {
  width: 100%;
}

.CalendarWidget * .daypanel td {
  border: none;
}

.CalendarWidget * .day .gwt-HTML {
}

.CalendarWidget * .daynumber {
  text-align: right;
  font-size: 16px;
}

.CalendarWidget * .shiftname {
  font-size: 10px;
  text-align: left;
}

.CalendarWidget * .doctor {
  font-size: 10px;
  text-align: left;
  text-indent: 10px;
}

.CalendarWidget * .am {
  color: #e72517;
}

.CalendarWidget * .pm {
  color: #6c6f9b;
}
